<style>

        .substituteQuestion{
                        font-family:"华文细黑";
                         font-size: 1px;
                         background-color: #efefef
                    }

        .itemStyle{
            background-color: rgb(233, 235, 235);
        }

        .titleType{
            padding-left: 10%;
        }

</style>

        <ion-header>
                <ion-navbar>
                   <ion-title>
                         <ion-icon ios="ios-arrow-back" md="md-arrow-back"  (click)="close()" left></ion-icon>
                         <label class="titleType">搜题 </label>
                   </ion-title>
                   </ion-navbar>
        </ion-header>

        <ion-content class="substituteQuestion">

                <ion-list>

                    <div *ngIf="searchByTextFlag">
                        <ion-searchbar [(ngModel)] = "searchByText" (click)="searchQuesByText()"></ion-searchbar>
                    </div>

                   <ion-card *ngFor="let item of substituteQuesList;let i = index" (click)="substitute(item.id)">
                       <ion-card-content>
                        <p [innerHTML]="item.title"></p>
                    </ion-card-content>
                   </ion-card>

                   <!--<ion-card>
                        <ion-card-content>
                                <ion-label>测试例子</ion-label>
                                <p *ngIf="contentFlag == true" (click)="changeFlag()">题目内容: " It seems that the correct four integers have to be chosen ... \n </p>
                                <p *ngIf="contentFlag == false" (click)="changeFlag()">题目内容: " It seems that the correct four integers have to be chosen\n
                                    in order for the program to produce the decoded message. \n
                                    These four integers are the secret keys.  007 has been unable\n
                                    to find the keys, but from the desk of the encrypting personnel \n
                                    he was able to cunningly retrieve the first five characters of\n
                                    the unencoded message."
                                </p>
                            </ion-card-content>
                   </ion-card>-->

                </ion-list>
                <div class="rbutton">
                    <button ion-button  (click)="close()" block>取消</button>
                </div>

        </ion-content>
